.ulProd > ul {
  margin-bottom: 0;
}

.ulProd ul > li {
  list-style-type: none;
  margin: 0 0 0 30px;
  padding: 10px 0 5px 5px;
  position: relative;
  left: 0;
  font-size: 18px;
  cursor: pointer;
  width: 440px;
}

.ulProd li ul > li {
  list-style-type: none;
  margin: 0;
  padding: 10px 0 0 5px;
  position: relative;
  left: 45px;
  font-size: 18px;
  width: 390px;
  cursor: pointer;
  transition: all 6s;
}

.ulProd li ul > li {
  list-style-type: none;
  margin: 0;
  padding: 10px 0 0 5px;
  position: relative;
  left: 25px;
  font-size: 18px;
  width: 410px;
}

.ulProd li::before, .ulProd li::after {
  content: '';
  left: -15px;
  position: absolute;
  right: auto;
}

.ulProd li::before {
  border-left: 1px solid #999;
  bottom: 50px;
  height: 100%;
  top: 0;
  width: 1px;
}

.ulProd li::after {
  border-top: 1px solid #999;
  height: 20px;
  top: 25px;
  width: 20px;
  transition: height 0.5s;
  -webkit-transition: height 0.5s; /* Safari */
}

.ulProd li > span {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  /* border:1px solid #999; */
  border-radius: 5px;
  display: inline-block;
  padding: 0 0;
  text-decoration: none
}

.ulProd li.parent_li > span {
  cursor: pointer
}

.ulProd > ul > li::before, .ulProd > ul > li::after {
  border: 1px;
}

.ulProd li:last-child::before {
  height: 25px;
}

.myButton {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));
  background: -moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
  background: -webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
  background: -o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
  background: -ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
  background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a', GradientType=0);
  background-color: #44c767;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  border: 1px solid #18ab29;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  /*font-family: Arial;*/
  font-size: 17px;
  padding: 16px 31px;
  text-decoration: none;
  text-shadow: 0 1px 0 #2f6627;
}

.myButton:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
  background: -moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
  background: -webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
  background: -o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
  background: -ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
  background: linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767', GradientType=0);
  background-color: #5cbf2a;
}

.myButton:active {
  position: relative;
  top: 1px;
}

/*动画*/
/*.classname {*/
  /*!*width: 300px;*!*/
  /*!*height: 200px;*!*/
  /*border: #000 solid 1px;*/
  /*margin: 50px auto;*/
  /*overflow: hidden;*/
  /*transition: all 6s;*/
/*}*/

/*.classname:active {*/
  /*transform: scale(1, 2);*/
  /*transition: all 6s;*/
/*}*/

/*loading*/
.spinner {
  /*margin: 100px auto;*/
  margin: 0 30px 0 30px;
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  /*background-color: #67CF22;*/
  background-color: #cf9900;
  height: 100%;
  width: 6px;
  display: inline-block;

  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
       transform: scaleY(1.0);
       -webkit-transform: scaleY(1.0);
     }
}
